{% extends 'base.html' %}
{% block title %}
相册列表
{% endblock %}

{% block styles %}
{{ super() }}
<style>
    #container {
        padding-top: 30px;
        width: 1000px;
        height: 600px;
        margin: 0 auto;
    }

    /*img {*/
    /*    width: 50%;*/
    /*    height: 50%;*/

    /*}*/

    #photo {

        text-align: center;
        margin: 5px 5px 5px 5px;
    }
</style>
{% endblock %}


{% block newcontent %}

<div id="container">
    {% for photo in photos.items %}
    <div id="photo">
        <img src="http://qx7v5ct15.hd-bkt.clouddn.com/{{photo.photo_name}}" alt="" width="90" height="100">
    </div>
    {% endfor %}
    <nav aria-label="...">
        <ul class="pager">
            <li class="previous {% if not photos.prev_num %} disabled {% endif %}">
                <a href="{{url_for('user.myphoto')}}?page={{photos.prev_num}}">
                    <span aria-hidden="true">&larr;</span>Older</a>
            </li>
            <li class="next {% if not photos.has_next %} disabled {% endif %}">
                <a href="{{url_for('user.myphoto')}}?page={{photos.next_num}}">Newer
                    <span aria-hidden="true">&rarr;</span></a>
            </li>
        </ul>
    </nav>
</div>


{% endblock %}